/* 头部标题开始 */
.header {
    width: 100%;
    height: .95rem;
    padding: 0 .25rem 0 .15rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .city {
        font-size: .3rem;
        color: #fff;
        display: flex;
        align-items: center;
        margin-right: .3rem;

        span {
            display: block;
            width: 0.24rem;
            height: 0.16rem;
            background-image: url(../images/icon/drop_icon.png);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: .24rem .16rem;
            margin-left: .1rem;
        }
    }

    h1{
        flex: 1;
        color: #fff;
        font-size: .34rem;
        text-align: center;
    }

    .icon {
        width: 0.42rem;
        height: 0.42rem;
        display: block;
        background-image: url(../images/icon/search_icon.png);
        background-repeat: no-repeat;
        background-size: .42rem .42rem;
        background-position: center center;
    }
}
/* 头部标题结束 */
/* 选项栏开始 */
.select{
    height: 0.62rem;
    width: calc(100% - .2rem);
    margin: 0 .1rem;
    background-color: #464445;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #fff;
    font-size: .36rem;
    margin-bottom: .2rem;
    .item{
        display: flex;
        align-items: center;
    }
    .icon{
        display: block;
        width: 0.24rem;
        height: 0.16rem;
        background-image: url(../images/icon/drop_icon.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: .24rem .16rem;
        margin-left: .1rem;
        margin-left: .3rem;
    }
}
/* 选项栏结束 */
/* 大背景开始 */
.banner{
    width: calc(100% - .2rem);
    height: 2.07rem;
    margin: 0 .1rem;
    background-image: url(../images/source/ad_1.png);
    background-repeat: no-repeat;
    background-size: 100% 2.4rem;
    border-radius: .16rem;
    margin-bottom: .2rem;
}
/* 大背景结束 */
/* 影院大全开始 */
.cinema-all {
    width: calc(100% - .2rem);
    margin: 0 .1rem .4rem;

    .cinema-top {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 0.8rem;
        background-color: #454140;
        align-items: center;
        padding: 0 .2rem;
        box-sizing: border-box;
        margin-bottom: .05rem;

        .icon {
            display: block;
            width: 0.42rem;
            height: 0.42rem;
            background-image: url(../images/icon/fire_icon.png);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: .42rem .42rem;
            margin-right: .1rem;
        }

        p {
            flex: 1;
            color: #fff;
            font-size: .3rem;
        }

        a {
            color: #fff;
            font-size: .3rem;
        }
    }

    .cinema-bottom {
        height: 2.9rem;
        background-color: #454140;
        padding: .30rem .15rem 0;
        display: flex;
        box-sizing: border-box;
        flex-direction: column;
        display: flex;

        .tittle {
            display: flex;
            justify-content: space-between;
            color: #fff;
            font-size: .3rem;
            align-items: center;
            margin-bottom: .20rem;

            .cinema-name {
                flex: 1;
            }

            .icon {
                width: .32rem;
                height: .32rem;
                display: block;
                background-image: url(../images/icon/data_icon.png);
                background-position: center center;
                background-repeat: no-repeat;
                background-size: .32rem .32rem;
                margin-right: .12rem;
            }
        }

        .location {
            font-size: .26rem;
            color: #9ba19d;
            margin-bottom: .15rem;
        }

        .advantage {
            display: flex;
            margin-bottom: .15rem;

            span {
                display: block;
                color: #fff;
                font-size: .26rem;
                display: flex;
                border: 1px solid #057f1c;
                box-sizing: border-box;
                border-radius: .15rem;
                margin-right: .1rem;
                padding: .1rem;

                &:nth-child(1) {
                    background-color: #ffbf05;
                }

                &:nth-child(2) {

                    background-color: #ab57f7;
                }

                &:nth-child(3) {
                    background-color: #00c26b;
                }

                &:nth-child(4) {
                    background-color: #00c7fb;
                }

            }

            p {
                flex: 1;
                color: #fff;
                font-size: .26rem;
                text-align: right;
                align-self: center;
            }
        }

        .intro {
            color: #fff;
            display: flex;

            span {
                display: block;
                padding: .06rem .06rem;
                font-size: .27rem;

                &:nth-child(1) {
                    background-color: #00c46c;
                }

                &:nth-child(3) {
                    background-color: #ab57f5;
                }
            }

            p {
                flex: 1;
                font-size: .27rem;
                text-align: right;
                color: #f41f59;
                text-align: right;
            }
        }
    }
}
/* 影院大全结束 */
.cinema4{
    margin-bottom: 2rem;
}